<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>商品详情页</title>
    <link rel="stylesheet" type="text/css" href="<%=path %>/web/app/css/publice.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path %>/web/app/css/style.css"/>
    <link rel="stylesheet" href="<%=path %>/web/app/css/swiper.min.css">
    <script src="<%=path %>/web/app/js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        fnResize();
        var evt = "onorientationchange" in window ? "orientationchange" : "resize";
        window.addEventListener("resize", function() {
            fnResize()
        }, false);
        function fnResize(){
            var docWidth = document.documentElement.clientWidth,
                body = document.getElementsByTagName('html')[0];
            if(docWidth >= 750) docWidth = 749;
            body.style.fontSize = docWidth / 20 + 'px';
        }
    </script>
    <script src="<%=path %>/web/app/js/swiper.min.js"></script>
    <script type="text/javascript" src="<%=path %>/web/app/js/jquery.js" ></script>
    <script type="text/javascript" src="<%=path %>/web/app/js/luokeke.js" ></script>
    <script type="text/javascript" src="<%=path %>/web/app/js/style.js" ></script>
    <script type="text/javascript" >
        $(function() {
            $('.trdiv').each(function() {
                $.alerts.bindClick({
                    add : $(this).find($(".button1")),
                    reduce : $(this).find($(".button2")),
                    qty_item : $(this).find($(".qty_item")),
                    total : $(this).find($(".total")),
                    price : parseFloat($(this).find(".qty_item").attr('price'))
                });
            });
        });
    </script>
    <script type="text/javascript" src="<%=path %>/web/app/js/jquery.SuperSlide.2.1.1.js" ></script>
</head>
<body>
<div class="ts-wrap">
    <!--banner S-->
    <div class="swiper-containerA">
        <div class="swiper-wrapper" id="swiper-wrapper">
            <div class="swiper-slide"><a href=""><img src="<%=path%>/upload/${shop.pic}"></a></div>
            </div>
        <div class="swiper-paginationA"></div>
    </div>
    <!--banner E-->
    <div class="detail_pro">
        <h2>${shop.msname}</h2>
        <p>本商品是一种
            <c:if test="${shop.isv=='1'}"><strong style="color: #6d0101">精品</strong></c:if>
            理财产品：所有产品均为银行直供，全国联保、正品正货，请开心选择、放心使用。</p>
        <p class="text" >价格：￥${shop.money}
        </p>
        <p class="text" >增值率：${shop.vd}&nbsp;/${shop.monunit}

        </p>
    </div>

    <!--商品详情-->
    <div class="product_detali">
        <div class="slideTxtBox_product">
            <div class="hd">
                <ul><li>商品详情</li><li>商品咨询</li><li>已购用户</li></ul>
            </div>
            <div class="bd">
                <ul>
                    <li>
                        ${shop.discription}
                    </li>
                </ul>
                <ul>
                    <li>请致电管理员</li>
                    <li> tel:88888</li>
                    <li> QQ:110000</li>
                    <li> Email:JinRong@163.com</li>
                </ul>
                <ul>
                    <c:forEach items="${list}" var="it">
                        <li>
                             <c:if test="${it.em4==''}">
                                 <img  style="width: 20%;margin-left: 40%;" src="<%=path%>/upload/w.jpg">
                             </c:if>
                                <c:if test="${it.em4!=''}">
                                    <img style="width: 20%;margin-left: 40%;" src="<%=path%>/upload/${it.em4}">
                                </c:if>
                        </li>
                    </c:forEach>
                </ul>

            </div>
        </div>
        <script type="text/javascript">jQuery(".slideTxtBox_product").slide();</script>
    </div>



    <div style="height: 300px;">

    </div>
    <!--固定底部 S-->
    <div class="ts-bottom-fix">
        <div class="ts-inner-wrap">
            <ul class="clearfix" style="background-color: #4476A7;">
                <li class="normal"><a href="/money_shop_isv_list"><i class="ico ind"></i><span style="color: white">精选</span></a></li>
                <li class="normal"><a href="/money_shop_list" class="ico con"><i class="ico show"></i><span style="color: white">理财</span></a></li>
                <li class="normal mrl"><a href="/pres_users"><i class="ico con"></i><span style="color: white">申V</span></a></li>
                <li class="normal"><a href="/MyApp"><i class="ico shop"></i><span style="color: white">我的</span></a></li>
            </ul>
        </div>
    </div>
    <!--固定底部 E-->
</div>
</body>
</html>
<script type="text/javascript">
    var swiper = new Swiper('.swiper-containerA', {
        pagination: '.swiper-paginationA',
        paginationClickable: true,
        spaceBetween: 30,
    });
</script>

